import React from 'react'
import { Button } from "@/components/ui/button"
import Link from 'next/link'

export default function NotFound() {
    return (
        <div className="flex flex-col items-center justify-center min-h-[70vh] text-center px-4">
            <h1 className="text-6xl mb-4">404</h1>
            <h2 className='text-2xl mb-6'>
                Page Not Found
            </h2>

            <p className='text-muted-foreground mb-8 max-w-md'>
                The page you are looking for could not be found.
            </p>

            <Button asChild>
                <Link href="/">Go back home</Link>
            </Button>
        </div>
    )
}
